// JavaScript Document
//导航
$(document).ready(function() {
    //文本框
    var t = document.getElementById("txt");
//文本框获得焦点
    t.onfocus = function () {
        if (t.value === "搜流行商品") {
            t.value = "";
        }
    };
//失去焦点
    t.onblur = function() {
        if(t.value === "") {
            t.value = "搜流行商品";
        }
    };

        //吸顶导航
	$(document).scroll(function(){
			// 在我们滚动屏幕的时候我们要拿到当前页面的滚动距离。
			var h = $(document).scrollTop();

			//
			var w1 = $(window).width();
			var w2 = $('ul').width();

			var l = parseInt( (w1-w2)/2 );

			// 有了这个滚动距离之后我们就可以用它来进行判断
			if( h >= 106 ){
				//alert(111);
				// 此时我们想让导航定在我们的页面顶部
				$('.nav').css({'position':'fixed','top':0});
			}else{
				//alert('我要回去');
				$('.nav').css({'position':'static'});
			}
		});
	//下拉菜单
	$('.search_box .dear').mouseover(function(){
		$(this).children('ul').css('display','block');
	});
	$('.search_box .dear').mouseout(function(){
		$(this).children('ul').css('display','none');
	});
	$('.dear_list li').mouseover(function(){
		$(this).addClass('cur').siblings().removeClass('cur')
	})

	$('li').mouseover(function(){
		$(this).children('ul').css('display','block');
	});
	$('li').mouseout(function(){
		$(this).children('ul').css('display','none');
	});
	//图片轮播

		var num = 0;
		var timer = null;

		// 鼠标移上ol下的li时： 01 切换自身样式  02 让对应编号的图片显示
		$('ol li').mouseover(function(){

			var index = $(this).index();

			num = index;

			$(this).addClass('act').siblings().removeClass('act');

			// 让当前编号的图片淡入进来，它所有的兄弟节点淡出
			$('.banner li').eq(index).fadeIn(1000).siblings().fadeOut(1000);

		});

		// 点击按钮的时候我们希望让图片按着一定的规律自动显示
		$('.btn_r').click(function(){
			if( !$('.banner li').is(':animated') ){
				num++;

				if( num == 5 ){
					num = 0;
				}

				$('ol li').eq(num).addClass('act').siblings().removeClass('act');
				$('.banner li').eq(num).fadeIn(1000).siblings().fadeOut(1000);
			}
		});

		$('.l').click(function(){
			if( !$('.banner li').is(':animated') ){
				num--;

				if( num == -1 ){
					num = 4;
				}

				$('ol li').eq(num).addClass('act').siblings().removeClass('act');
				$('.banner li').eq(num).fadeIn(1000).siblings().fadeOut(1000);
			}
		});

		// 自动播放
		timer = setInterval(autoplay,2000);

		// 清除定时器
		$('.top_bnr').mouseover(function(){
			clearInterval( timer );
		}).mouseout(function(){
			timer = setInterval(autoplay,2000);
		});

		// 自定义一个自动播放功能
		function autoplay(){
			num++;

			if( num == 5 ){
				num = 0;
			}
			$('ol li').eq(num).addClass('act').siblings().removeClass('act');
			$('.top_bnr li').eq(num).fadeIn(1000).siblings().fadeOut(1000);
		}

		//侧边菜单

		$('.box').mouseover(function(){
			$(this).children('ul').css('display','block')
			$(this).addClass('line')
		});
		$('.box').mouseout(function(){
		 $(this).children('ul').css('display','none')
		 $(this).removeClass('line')
		})
		$('.box ul').mouseover(function(){
			$(this).css({'display':'block'})
			$(this).addClass('line')
		})
});